<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<style>
#adduserdialog .opercationdiv {
	margin-top: 60px;
	margin-left: 10px;
}

#uname #account{
	width: 150px;
}
</style>
<table id="usertable"></table>
<div id="adduserdialog">
	<div class="opercationdiv">
		<label>账号</label>&nbsp;<input id="account"> <label>姓名</label>&nbsp;<input
			id=uname>
	</div>
</div>
<script>
	$(document).ready(function() {
		//初始化操作窗口
		initAddUserDialog();
		//初始化用户数据表
		initUserTableData();
	})
	//初始化用户数据表
	function initUserTableData() {
		$('#usertable').datagrid({
			title : '用户列表',
			nowrap : true,
			striped : true,
			width : 680,
			pagination : true,
			rownumbers : true,
			singleSelect : true,
			url : basePath + 'user/getUsersByPageAndSize',
			toolbar : [ {
				text : '增加',
				iconCls : 'icon-add',
				handler : function() {
					$('#adduserdialog').dialog('open');
				}
			} ],
			columns : [ [ {
				field : 'ck',
				checkbox : true
			}, {
				field : 'id',
				title : 'ID',
				width : 100,
				align : "center",
				hidden : true
			}, {
				field : 'account',
				title : '账号',
				width : 200,
				align : "center"
			}, {
				field : 'name',
				title : '姓名',
				width : 200,
				align : "center"
			}, {
				field : 'phone',
				title : '联系方式',
				width : 200,
				align : "center"
			} ] ]
		});
	}
	//初始化弹出增加批量任务窗口
	function initAddUserDialog() {
		$('#adduserdialog').dialog({
			width : 250,
			height : 250,
			title : "增加用户",
			closable : true,
			closed : true,
			modal : true,
			buttons : [ {
				text : '确定',
				iconCls : 'icon-ok',
				handler : function() {
					addUser();
				}
			}, {
				text : '取消',
				iconCls : 'icon-no',
				handler : function() {
					$('#adduserdialog').dialog('close');
				}
			} ]
		});
	}
	//增加用户
	function addUser() {
		$.ajax({
			url : basePath + "user/permission/addUser",
			data : {
				name : $('#uname').val(),
				account : $('#account').val()
			},
			type : "post",
			dataType : "json",
			success : function(result) {
				if (result.flag) {
					showRightMsg('操作成功');
					$('#usertable').datagrid('reload');
				} else {
					showRightMsg('操作失败:'+result.msg);
				}
			}
		})
		$('#uname').val("");
		$('#account').val("");
	}
</script>